//覆盖默认样式 el-dialog及内部form表单
.el-dialog {
    border-radius: 8px !important;

    .form-bold {
        font-weight: bold !important;
        font-size: 18px;
    }

    .el-dialog__body {
        padding: 16px 32px !important;
        max-height: 60vh;
        overflow: auto;
        border-bottom: 1px solid var(--el-border-color-lighter);
        z-index: 0;
    }

    .el-dialog__header {
        padding-top: 30px !important;
    }

    .el-dialog__title {
        font-weight: 600;
        color: rgba(0, 0, 0, 0.85);
        font-size: 18px;
    }

    .el-dialog__footer {
        padding-bottom: 32px;
    }


    .check-form {
        .el-form-item {
            margin-bottom: 4px;
        }
    }

    .check-form-item {
        margin-bottom: 4px;
    }

    // .el-form-item__label {
    //     width: 100px;
    // }

    // .el-form-item__content {
    //     margin-left: 100px;
    //     font-weight: 600;
    //     text-align: left; //解决IE浏览器内容默认居中
    // }
}

.el-form-item {
    margin-bottom: 24px;

    // .common-input {}

    .el-input__inner {
        height: 40px !important;
        line-height: 40px !important;
        width: 100%;
    }

    // .el-input__wrapper {
    //     height: 40px !important;
    //     width: 100%;
    // }

    // .el-select__wrapper {
    //     height: 40px !important;
    //     line-height: 40px !important;
    //     width: 100%;
    // }
    .el-select__wrapper {
        min-height: 40px !important;
        // line-height: 40px !important;
        // width: 100%;
    }
}

.el-drawer {
    .el-drawer__header {
        font-weight: 600;
        color: rgba(0, 0, 0, 0.85);
        font-size: 18px;
    }

    // .el-drawer__body {
    //     background-color: #F2F2F2;
    // }
}

/**
可选择使用的不同dialog宽度
**/
.w360-dialog {
    .el-dialog {
        width: 360px !important;
    }
}

.w480-dialog {
    .el-dialog {
        width: 480px !important;
    }
}

.w640-dialog {
    .el-dialog {
        width: 640px !important;
    }
}

.w800-dialog {
    .el-dialog {
        width: 800px !important;
    }
}

.svg-voucher-dialog {
    .el-dialog {
        width: 77%;

        .el-dialog__body {
            //max-height: 135vh !important;
            max-height: none;
        }
    }
}

/*
包含大svgIcon的弹框---示例：证书申请成功时弹框提示
*/
.icon-center-dialog {
    .content {
        text-align: center;
    }

    .pro-sucess-icon {
        font-size: 64px;
    }

    .pro-sucess-span {
        display: block;
        margin-top: 16px;
        line-height: 38px;
    }
}

/**
  **详情key value --示例：证书管理-详情
  */
.detail-form {
    .el-form-item__label {
        width: 100px;
    }

    .el-form-item {
        margin-bottom: 0px;
    }

    // .el-form-item__content {
    //   margin-left: 100px;
    //   font-weight: 600;
    //   text-align: left; //解决IE浏览器内容默认居中
    // }
}

//弹窗自定义 动画
// .dialog-fade-enter-active .el-dialog {
//     animation: open .3s ease;
// }

// .dialog-fade-leave-active {
//     animation: close .3s ease; //设置  退出 自定义动画
// }

// @keyframes open {
//     0% {
//         transform: scale(0);
//     }

//     100% {
//         transform: scale(1);
//     }
// }

// @keyframes close {
//     0% {
//         transform: scale(1);
//     }

//     100% {
//         transform: scale(0);
//     }
// }

.select-option {
    width: 100%;
    display: block;
    // background-color: rgb(255, 255, 255);


}

.el-select__popper {
    width: auto !important;
}

// .el-select__dropdown {
//     /* 你的自定义样式 */
//     background-color: red;
// }